<template>
  <div>
    <p>{{ word }}</p>
    <!-- 绑定点击事件 -->
    <button @click="joke">点我讲笑话</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      word: "这里是一条笑话",
      jokeArr: [
        "我去相亲网站去了, 那你找到对象了吗? 不! 我找到了他们网站的一个Bug",
        "讲述一下车怎么翻沟里了。我坐在副驾说沟！沟!沟! 朋友说：欧嘞，欧嘞。欧嘞 结果车就翻里了。",
        "几位大哥开车去钓鱼，车陷草里了，然后几个大神说把草烧了就出来了，然后就放火烧了，结果就烧没了。",
      ],
    };
  },
  methods: {
    joke() {
      // 生成随机数
      const randomIndex = parseInt(Math.random() * this.jokeArr.length);
      // 赋值
      this.word = this.jokeArr[randomIndex];
    },
  },
};
</script>

<style lang="scss" scoped>
</style>